Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

#FlutterFlightPlans: Talabat, Material & Cupertino, Jaspr, build_runne

flutter

Join us on December 17 at 11am PT! Learn...

  2025/12/17

Strengthening Flutter's core widgets

flutter
github
Design

Decoupling Design in Flutter → GitHub i...

  2025/12/17

Accelerating Dart code generation

build_runner 2.10.4 → When you use the...

  2025/12/17

Building websites with Dart and Jaspr

flutter
github

Jaspr on Observable Flutter → Buddyfind...

  2025/12/17

Rewriting an app with millions of users: The Talabat Story

talabat - Delivering Tomorrow. → Migrat...

  2025/12/17

How to connect interfaces to the cloud with AI agents

cloud

Verdure example → GenUI package → Giv...

  2025/12/17

Why asking "why" can help you build better software

Moving from asking "how" to asking "why"...

  2025/12/17

Strategic thinking for software engineers: outputs vs outcomes

Strategic thinking moves you from asking...

  2025/12/17

How to get a machine learning engineer job fast - Without a uni degree

study

🎓 These are three of the best Machine Le...

  2025/12/17

You need to learn this Python feature!

python

DevLaunch is my mentorship program where...

  2025/12/17

Amazon Linux【AWS Black Belt】

Amazon

本動画の資料はこちら Amazon Linux は、AWS 向けに最適化され...

  2025/12/17

AWS Advanced JDBC Wrapper Driver 概要【AWS Black Belt】

Amazon

本動画の資料はこちら AWS Advanced JDBC Wrapper D...

  2025/12/17

Two-Pizza Team【AWS Black Belt】

Amazon

本動画の資料はこちら Amazonが実践する「Two-Pizza Team」...

  2025/12/17

Amazon RDS Proxy 概要【AWS Black Belt】

Amazon

本動画の資料はこちら Amazon RDS Proxyは、Amazon Au...

  2025/12/17

The best advice you will hear today.

DevLaunch is my mentorship program where...

  2025/12/17

Engineering habits that might be slowing you down

Sometimes we work hard but still feel st...

  2025/12/16